<%--@elvariable id="user" type="com.genghis.ptas.security.entity.User"--%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <%@include file="../common.jsp" %>
    <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
    <link href="assets/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL PLUGIN STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/pages/tasks.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="assets/css/print.css" rel="stylesheet" type="text/css" media="print"/>
    <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">

<%@include file="../includes/top.jsp" %>

<!-- BEGIN CONTAINER -->
<div class="page-container" id="page_container">
<div id="tabDiv">
<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
<div class="page-sidebar navbar-collapse collapse">
<!-- BEGIN SIDEBAR MENU -->
<ul class="page-sidebar-menu" data-auto-scroll="true" data-slide-speed="200">
<li class="sidebar-toggler-wrapper">
    <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
    <div class="sidebar-toggler hidden-phone">
    </div>
    <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
</li>
<li class="sidebar-search-wrapper">
    <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
    <form class="sidebar-search" action="" method="POST">
        <div class="form-container">
            <div class="input-box">
                <a href="javascript:" class="remove">
                </a>
                <label>
                    <input type="text" placeholder="查询..."/>
                </label>
                <input type="button" class="submit" value=" "/>
            </div>
        </div>
    </form>
    <!-- END RESPONSIVE QUICK SEARCH FORM -->
</li>
<shiro:hasPermission name="statistic">
    <li>
        <a href="javascript:">
            <i class="fa fa-bar-chart-o"></i>
                        <span class="title">
                            统计管理
                        </span>
                        <span class="arrow">
                        </span>
        </a>
        <ul class="sub-menu">
            <shiro:hasPermission name="statistic_course">
                <li>
                    <a href="javascript:" onclick="addTab('statistic/statisticCourse')">
                        <i class="fa fa-book"></i>
                        课件统计
                    </a>
                </li>
            </shiro:hasPermission>
            <li>
                <a href="javascript:" onclick="addTab('statistic/listAllUserStatisticDo?typeName=')">
                    <i class="fa fa-user"></i>
                    用户统计
                </a>
            </li>
            <shiro:hasPermission name="statistic_type">
                <li>
                    <a href="javascript:" onclick="addTab('statistic/statisticType')">
                        <i class="fa fa-sitemap"></i>
                        分类统计
                    </a>
                </li>
            </shiro:hasPermission>
        </ul>
    </li>
</shiro:hasPermission>
<shiro:hasPermission name="course">
    <li>
        <a href="javascript:">
            <i class="fa fa-tasks"></i>
                        <span class="title">
                            课件管理
                        </span>
                        <span class="arrow ">
                        </span>
        </a>
        <ul class="sub-menu">
            <shiro:hasPermission name="course_info">
                <li>
                    <a href="javascript:" onclick="addTab('course/listAllCourseDo')">
                        <i class="fa fa-link"></i>
                        课件信息管理
                    </a>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="course_register">
                <li>
                    <a href="javascript:" onclick="addTab('courseRegister/listAllCourseRegisterDo')">
                        <i class="fa fa-thumbs-up"></i>
                        注册课件管理
                    </a>
                </li>
            </shiro:hasPermission>
        </ul>
    </li>
</shiro:hasPermission>
<shiro:hasPermission name="classroom">
    <li>
        <a href="javascript:">
            <i class="fa fa-group"></i>
                        <span class="title">
                            班级管理
                        </span>
                        <span class="arrow ">
                        </span>
        </a>
        <ul class="sub-menu">
            <shiro:hasPermission name="classroom_info">
                <li>
                    <a href="javascript:" onclick="addTab('classroom/listAllClassroomDo')">
                        <i class="fa fa-users"></i>
                        班级信息管理
                    </a>
                </li>
            </shiro:hasPermission>
        </ul>
    </li>
</shiro:hasPermission>
<shiro:hasPermission name="publicity_note">
    <li>
        <a href="javascript:">
            <i class="fa fa-book"></i>
            <span class="title">笔记管理</span>
            <span class="arrow"></span>
        </a>
        <ul class="sub-menu">
            <shiro:hasPermission name="publicity_note_list">
                <li>
                    <a href="javascript:" onclick="addTab('note/publicity/listAllPublicityNote')">
                        <i class="fa fa-book"></i>
                        公示笔记列表
                    </a>
                </li>
            </shiro:hasPermission>
        </ul>
    </li>
</shiro:hasPermission>
<shiro:hasPermission name="task">
    <li>
        <a href="javascript:">
            <i class="fa fa-pencil-square-o"></i>
                        <span class="title">
                            试题管理
                        </span>
                        <span class="arrow ">
                        </span>
        </a>
        <ul class="sub-menu">
            <shiro:hasPermission name="task_library">
                <li>
                    <a href="javascript:" onclick="addTab('task/library/listAllLibraryTaskDo')">
                        <i class="fa fa-folder-open"></i>
                        试题库管理
                    </a>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="task_examination">
                <li>
                    <a href="javascript:" onclick="addTab('task/examination/listAllExaminationDo')">
                        <i class="fa fa-file-text"></i>
                        试卷管理
                    </a>
                </li>
            </shiro:hasPermission>
        </ul>
    </li>
</shiro:hasPermission>
<shiro:hasPermission name="question">
    <li>
        <a href="javascript:">
            <i class="fa fa-question-circle"></i>
            <span class="title">问题管理</span>
            <span class="arrow"></span>
        </a>
        <ul class="sub-menu">
            <shiro:hasPermission name="question_list">
                <li>
                    <a href="javascript:" onclick="addTab('question/manager/listAllQuestion')">
                        <i class="fa fa-question-circle"></i>
                        问题列表
                    </a>
                </li>
            </shiro:hasPermission>
        </ul>
    </li>
</shiro:hasPermission>
<shiro:hasPermission name="system">
    <li>
        <a href="javascript:">
            <i class="fa fa-cogs"></i>
                        <span class="title">
                            系统设置
                        </span>
                        <span class="arrow ">
                        </span>
        </a>
        <ul class="sub-menu">
            <shiro:hasPermission name="system_user">
                <li>
                    <a href="javascript:" onclick="addTab('admin/user/listAllUserDo')">
                        <i class="fa fa-user"></i>
                        用户管理
                    </a>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="system_role">
                <li>
                    <a href="javascript:" onclick="addTab('admin/role/listAllRoleDo')">
                        <i class="fa fa-check-square"></i>
                        角色管理
                    </a>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="system_permission">
                <li>
                    <a href="javascript:" onclick="addTab('admin/permission/listAllPermissionDo')">
                        <i class="fa fa-gavel"></i>
                        权限管理
                    </a>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="system_dict">
                <li>
                    <a href="javascript:" onclick="addTab('system/dict/listAllDictDefineDo')">
                        <i class="fa fa-bullhorn"></i>
                        字典管理
                    </a>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="system_type">
                <li>
                    <a href="javascript:" onclick="addTab('classify/listAllType')">
                        <i class="fa fa-sitemap"></i>
                        分类管理
                    </a>
                </li>
            </shiro:hasPermission>
        </ul>
    </li>
</shiro:hasPermission>
</ul>
<!-- END SIDEBAR MENU -->
</div>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <div class="page-content">
        <!-- BEGIN STYLE CUSTOMIZER -->
        <div class="theme-panel hidden-xs hidden-sm">
            <div class="toggler">
            </div>
            <div class="toggler-close">
            </div>
            <div class="theme-options">
                <div class="theme-option theme-colors clearfix">
                    <span>主题颜色</span>
                    <ul>
                        <li class="color-black current color-default" data-style="default">
                        </li>
                        <li class="color-blue" data-style="blue">
                        </li>
                        <li class="color-brown" data-style="brown">
                        </li>
                        <li class="color-purple" data-style="purple">
                        </li>
                        <li class="color-grey" data-style="grey">
                        </li>
                        <li class="color-white color-light" data-style="light">
                        </li>
                    </ul>
                </div>
                <div class="theme-option">
                    <span>标头</span>
                    <label>
                        <select class="header-option form-control input-small">
                            <option value="fixed" selected="selected">固定</option>
                            <option value="default">默认</option>
                        </select>
                    </label>
                </div>
                <div class="theme-option">
                    <span>侧边栏</span>
                    <label>
                        <select class="sidebar-option form-control input-small">
                            <option value="fixed">固定</option>
                            <option value="default" selected="selected">默认</option>
                        </select>
                    </label>
                </div>
                <div class="theme-option">
                    <span>侧边栏位置</span>
                    <label>
                        <select class="sidebar-pos-option form-control input-small">
                            <option value="left" selected="selected">居左</option>
                            <option value="right">居右</option>
                        </select>
                    </label>
                </div>
                <div class="theme-option">
                    <span>底部</span>
                    <label>
                        <select class="footer-option form-control input-small">
                            <option value="fixed">固定</option>
                            <option value="default" selected="selected">默认</option>
                        </select>
                    </label>
                </div>
            </div>
        </div>
        <!-- END STYLE CUSTOMIZER -->

        <!-- BEGIN PAGE HEADER-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">
                    后台管理
                </h3>
                <ul class="page-breadcrumb breadcrumb">
                    <li>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li class="pull-right">
                        <span id="nowTime"></span>
                    </li>
                </ul>
                <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- END PAGE HEADER-->

        <div id="contentDiv">
        </div>
    </div>
</div>
<!-- END CONTENT -->
</div>
</div>
<!-- END CONTAINER -->
<!-- END CONTAINER -->
<div class="modal fade" id="modalDialog" tabindex="-1" role="basic" aria-hidden="true" data-keyboard="false"
     data-backdrop="static">
    <div class="modal-dialog" style="width: 900px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title" id="dialogTitle"></h4>
            </div>
            <div class="modal-body">
                <div class="portlet-body">
                    <iframe id="userEditIframe" style="border: none;width:858px;height:350px;" frameBorder="0"></iframe>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- END FOOTER -->
<div class="modal fade" id="deleteRowConfirm" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">确认</h4>
            </div>
            <div class="modal-body">确认删除当前行？</div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">取消</button>
                <button type="button" class="btn blue" id="deleteRow">删除</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<!-- BEGIN FOOTER -->
<div class="footer">
    <div class="footer-inner">
        2014 &copy; <a href="http://baike.baidu.com/view/5534.htm?fr=aladdin" target="_blank">长春工业大学</a>. 苏格拉没有底开发小队
        版权所有
    </div>
    <div class="footer-tools">
		<span class="go-top">
			<i class="fa fa-angle-up"></i>
		</span>
    </div>
</div>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- IMPORTANT! fullcalendar depends on jquery-ui-1.10.3.custom.min.js for drag & drop support -->
<script src="assets/plugins/fullcalendar/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.sparkline.min.js" type="text/javascript"></script>

<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="assets/scripts/core/app.js" type="text/javascript"></script>
<script src="assets/scripts/custom/index.js" type="text/javascript"></script>
<script src="assets/scripts/custom/tasks.js" type="text/javascript"></script>
<script src="assets/scripts/custom/ui-alert-dialog-api.js"></script>
<script src="assets/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->

</body>
<!-- END BODY -->
</html>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function () {
        App.init(); // initlayout and core plugins
        Index.init();
        browserSizeDeal(document.body.clientHeight - 230);
        window.setInterval(setNowTime, 1000);
        $("#close").click(function () {
            $("#userEditIframe").attr("src", "about:blank")
        });
    });

    function setNowTime() {
        $("#nowTime").html(getNowTime());
    }

    function browserSizeDeal(height) {
        $('#contentDiv').height(height);
    }

    function initTab() {
        $('#contentDiv').tabs({
            fit: true,
            border: true
        });
    }

    function addTab(src) {
        initTab();
        document.getElementById("contentDiv").innerHTML = '<iframe frameborder="no" id="ifrm" style="width:100%;height:100%;overflow:auto;border: none" frameBorder="0" scrolling="no" src="' + src + '"></iframe>';
    }

    function reLoad(src) {
        window.location.href = src;
    }
</script>
<!-- END JAVASCRIPTS -->